<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div>
			文本
			<!-- 注释 -->
			<h1>1111111111</h1>
			<h2>2222222222</h2>
			<h3>3333333333</h3>
			00000
		</div>
	</body>
</html>
<script type="text/javascript">
	var div = document.getElementsByTagName('div')[0]
	var h2 = document.getElementsByTagName('h2')[0]
	
	// 父节点
	console.log(h2.parentElement.nodeName)
	
	// 所有子节点
	console.log(div.childNodes)
	
	// 第一个子节点
	console.log(div.firstChild)
	
	// 最后一个子节点，解释最后是空的也是存在的
	console.log(div.lastChild)
	
	// 最后一个兄弟节点
	console.log(h2.nextSibling)

	// 第一个兄弟节点
	console.log(h2.previousSibling)
</script>